{% extends "base_blank.volt" %}

{% block pageHeader %}
{{ stylesheet_link('/assets/manage/css/map.css', false) }}
{% endblock %}

{% block pageFooter %}
<script type="text/javascript">
    var mtype = '{{ type }}';
    var coordinate = '{{ coordinate }}';
    var callback = '{{ callback }}';
</script>
{{ javascript_include("http://webapi.amap.com/maps?v=1.3&key=ff1139a0f56acaefbeabafde86bafc8c", false) }}
{{ javascript_include("/assets/manage/js/map.js", false) }}
{% endblock %}

{% block content %}
<div id="mapContainer"></div>
<div id="tip" class="form-inline">
    <b>鼠标左键在地图上单击选取坐标</b><br />
    <div class="form-group">
        <div class="input-group">
            <div class="input-group-addon">经度</div>
            <input type="text" class="form-control" id="lng">
        </div><br/>
        <div class="input-group">
            <div class="input-group-addon">纬度</div>
            <input type="text" class="form-control" id="lat">
        </div>
    </div>
    <button type="button" class="btn btn-primary" id="but_ok">确 定</button>
    <br /><b>切换城市</b><br />
    <div class="form-group">
        <div class="input-group">
            <input class="form-control" id="cityName" placeholder="请输入城市的名称" type="text"/>
        </div>
        <input id="queryCity" value="到指定的城市" type="button"/>
    </div>
</div>
{% endblock %}